﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta charset="utf-8" />
<title>test carousel</title>

<script type="text/javascript" src="jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="jquery-ui-1.8.18.min.js" ></script>
<script type="text/javascript" src="Carousel-plugin.js" ></script>
<link type="text/css" rel="stylesheet" href="css.css" />


<script type="text/javascript" src="jquery.carouFredSel-5.5.0.js" ></script>
<script type="text/javascript">

	$(document).ready(function(){
	
	
		$('.holder').carouFredSel(
				{
					prev: '#left',
					next: '#right',
					
					auto: true
				});		
		
		
	});
		
		

</script>

</head>

<body>

<div id="carusel">
	
	
	<div id="left arrow" ></div>
		<div id="wrapper">
	
			<div class="holder">
				<ul>
					<li><img src="1.JPG" /></li>
					<li><img src="3.JPG" /></li>
					<li><img src="2.JPG" /></li>
					<li><img src="1.JPG" /></li>
					<li><img src="2.JPG" /></li>
					<li><img src="3.JPG" /></li>
					<li><img src="1.JPG" /></li>
					<li><img src="3.JPG" /></li>
					<li><img src="2.JPG" /></li>
					<li><img src="3.JPG" /></li>
					<li><img src="1.JPG" /></li>	
				</ul>
			</div>
		</div>
	<div id="right arrow" ></div>
	
</div>

</body>

</html>
